<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>edit_address</title>
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/font/iconfont.css" />
    <style>
  

      
 
    

    .about-us-logo {
        width: 100px;
        height: 100px;
        border-radius: 8px;
        margin:10px auto ;
        border:1px solid #cccccc;
        background-color: #c3c6cd;
    }
  .ali { color:#1976FF ; font-size: 26px; }
 .prologo{  width: 90%; margin-left: 5%; border-radius: 4px;}
 
  .pinfo { height: 40px ;line-height: 40px ; margin-left: 20px ; font-size: 18px; }
       </style>
</head>

<body>
    <div class="page">
        <div class="nav-bar">
            <div onclick="core.back()" class="nav-bar-back">
                <span class="icon iconfont icon-fanhui m_r_10"></span>
                <span class="nav-bar-back-text">返回</span>
            </div>
            <span class="nav-bar-title"></span>
        </div>
        <div class="edit">
            <div class="edit-topform other hide p20">
                <div><img src="" class="prologo" /></div>
                <div class="pinfo">产品名称：<span class="title"></span></div>
                <div  class="pinfo">产品价格：<span class="price"></span></div>
                <div  class="pinfo">分享码：2023080191</div>
                <div class="pinfo">小满盒子向您分享的产品，请支持购买。</div>

            </div>


            <div class="edit-topform pay hide  p20">
                <div style="display:flex;" >   <img class="about-us-logo" src="../images/common/logo.png" /></div>
                <div class="pinfo">订单编号：<span class="oid"></span></div>
                <div  class="pinfo">实付金额：<span class="mm"></span></div>
               
                <div class="pinfo">付款方式：  <span class="icon ali iconfont icon-alipay"></span></div>
                <div style="display:flex;" > <div class="mt20 mauto btn-orange w100px h30 br2 l30  textac" onclick="pay();"> 立即付款</div></div>
                <div  class="pinfo mt20 "><span style="color: #999999;">小满盒子友情提示：付款后我们将在1工作日内向您发货。</span></div>
            </div>
       
         
        </div>
    </div>
</body>

<script src="../script/api.js"></script>
<script src="../script/common.js"></script>
 
<script>
        var htmldata={
         action :"",
       
      };

      async function loadpro(){
           let id =  core.getParam("id");
            
            let res = await core.getPro(id);
            core.log(res)
            $api.html(   $api.dom(".title")  , res.title );
            $api.html(   $api.dom(".price")  , res.price );
            $api.attr(   $api.dom(".prologo")  ,'src', res.img );
    }
 

    apiready = function () {
        $api.fixStatusBar($api.dom('.nav-bar'));
        let  action  = core.getParam("action");
       
        if(action == "other"){
            $api.html(   $api.dom(".nav-bar-title") ,"产品分享");
            $api.removeCls( $api.dom(".other"),"hide"  );
            loadpro();
    
            
        }
        if(action == "pay"){
            $api.html(   $api.dom(".nav-bar-title") ,"订单支付");
            $api.removeCls( $api.dom(".pay"),"hide"  );
            console.log(window.location.href);
            $api.html(   $api.dom(".mm")  , core.getParam("m") );
            $api.html(   $api.dom(".oid")  , core.getParam("oid") );
        }
        
    }

    function pay(){
        api.alert({msg:"试运营阶段,请不要直实付款."});
    }

    
   
</script>

</html>